<head>
    <style type="text/css">
    #testblock {
        width: 200px;
        height: 200px;
        /* invalid width and height */
        width: 500px auto;
        height: 500px 200px;
        
        /* Font-size */
        font-size: 14px;
        /* Invalid font-sizes */
        font-size: 36px auto;
        
        float: left;
        float: right auto;
        /* Trying colors */
        /* The !important is here so you don't break this while fixing this bug */
        color: white !important;
        color: black;
        background: darkgreen;
        /* the color and background-color below should be invalidated, 
        so the text should be green */
        color: black auto !important;
        background-color: darkred auto;
        background-repeat: no-repeat;
        
        /* These ones actually get invalidated correctly */
        background: url('http://webkit.opendarwin.org/images/welcomeopen.gif') auto;
        background-repeat: auto repeat-x;

        /* Trying text and font properties */
        font-family: sans-serif;
        font-weight: 900;
        text-decoration: none;
        word-spacing: normal;
        letter-spacing: normal;
        text-align: left; 
        direction: ltr;
        text-transform: lowercase;
        font-variant: normal;
        white-space: normal;
        
        /* Invalid text and font properties */
        /* This one actually DOES get invalidated */
        font: "Comic Sans MS" woopdidoo;
        font-weight: 500 500;
        /* This one actually DOES get invalidated */
        text-decoration: line-through italic;
        word-spacing: 10px auto;
        letter-spacing: 5px auto;
        text-align: right left; 
        direction: rtl auto; 
        text-transform: capitalize auto;     
        font-variant: small-caps auto;
        white-space: pre auto;
    
        outline: none;
        outline: red 3px dotted blue;
        outline: red solid auto;

        overflow: hidden;
        overflow: visible blue;
    }
    #Content {
        display: inline;
        /* invalid */
        display: block auto;
        
        /* All margins, paddings and borders until the next comment are incorrect and 
        should be invalidated, resulting in padding and margin 0 */
        margin-left: 50px auto;
        margin-right: 50px auto;
        margin-top: 50px auto;
        margin-bottom: 50px auto;
        padding-left: 50px auto;
        padding-right: 50px auto;
        padding-top: 50px auto;
        padding-bottom: 50px auto; 
        border: 1px solid auto;
        border-top: yellow auto;        
        border-right: blue auto;
        border-bottom: yellow auto;        
        border-left: blue auto;
        /* The values below get invalidated correctly but are in here 
        for completeness. */
        margin: 100px 100px 100px 100px auto; 
        padding: 100px 100px 100px 100px auto;
    }
    </style>
</head>

<body>
<p><a href="https://bugs.webkit.org/show_bug.cgi?id=7118">bug 7118</a>: Wrong property values do not get invalidated correctly.</p>
<div id="Content">
    <div id="testblock">
This text should be
left-aligned, all lower-case,
normal font, white, 14px,
bold, normally spaced
and wrapped, in a
darkgreen 200x200px div 
in the top left corner
with no borders or
outlines.
</div>
</div>

</body>
